﻿<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width,initial-scale=1" />
    <title>车辆追溯</title>
    <link href="../Common/bootstrap/css/bootstrap.css" rel="stylesheet" />
    <link href="css/iconfont.css" rel="stylesheet" />
    <link href="css/style.css" rel="stylesheet" />
    <link href="css/newshare.css" rel="stylesheet" />

    <link rel="stylesheet" type="text/css" href="css/jquery-ui.min.css" />
    <link href="css/jedate.css" rel="stylesheet" />
    <script src="js/jedate.js"></script>
    <style>
        .list {
            width: 100%;
            height: 30px;
        }

            .list li {
                float: left;
                width: 33%;
                height: 22px;
                cursor: pointer;
                padding: 1px;
                text-align: center;
                border: 1px solid #a7a7a7;
            }

                .list li.cur {
                    background: #569BD7;
                    color: #ffffff;
                }
    </style>


</head>

<body>
    <div class="w-content">

        <!--左侧订单详情-->
        <div id="menu-1" style="position:absolute;left:5px;margin-top:30px;float:left;">
            <div class="w-map-silder2" id="w-map-silder2" style="overflow:auto">
                <!--搜索框-->
                <div class="panel panel-default clearfix">
                    <input id="inputcheckorder" type="text" class="w-input" placeholder="请输入排线号">
                    <button id="btncheckorder" type="submit" class="w-input-btn" onclick="checkorder()"><i class="glyphicon glyphicon-search font-18"></i></button>
                </div>
                <div id="datechoose">
                    <p class="datep">从：</p>
                    <p class="datep"><input class="datainp" id="fromdateinfo" type="text" placeholder="请选择" readonly></p>
                    <p class="datep">到：</p>
                    <p class="datep"><input class="datainp" id="todateinfo" type="text" placeholder="请选择" readonly></p>
                    <p id="checktheorder"><a href="#" onclick="showcheckorders(); ">查询</a></p>
                </div>

                <div id="ordernum"><h3 class="w-silder-h3">任务数量 <span class="cor-blue" id="ordercount">1</span> 个 <span class="cor-green">(点击任务编号，显示车辆信息)</span></h3></div>

                <!-- 订单列表-->
                <div class="panel-group" id="orderlist">

                </div>

            </div>

        </div>
        <div id="ctrl-btn-1" class="ctrl-btn open"><img src="img/left1.png" alt="收起" /></div>
        <div class="w-map" id="allmap" name="allmap">

        </div>

    </div>
    <script src="../Common/JS/jquery-1.11.2.js"></script>
    <script src="../Common/bootstrap/js/bootstrap.js"></script>
    <script src="js/icheck.min.js"></script>
    <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=c4onxKnWyD0FWVU6DMu7sFF0"></script>
    <script type="text/javascript" src="http://api.map.baidu.com/library/AreaRestriction/1.2/src/AreaRestriction_min.js"></script>
    <script src="js/echarts.js"></script>
    <script type="text/javascript" src="js/TrafficControl_min.js"></script>
    <script type="text/javascript" src="js/LuShu_min.js"></script>
    <script src="js/carHistoryMonitor.js"></script>
    <script src="js/leftslider.js"></script>


    <!--左侧内容 展开收缩-->
    <!--<script type="text/javascript" src="http://zjmainstay.cn/jquerylib/jquery-1.6.2.min.js"></script>-->
    <script>
        $(document).ready(function () {
            $(".list li").click(function () {
                $(".list li").eq($(this).index()).addClass("cur").siblings().removeClass("cur");
            })

        });
    </script>


    <script>
        $(function () {
            if ($('.dab').length > 0) {
                $('html,body').addClass('hide');
            }
        })
    </script>
    <script type="text/javascript">
        var start = {
            dateCell: '#fromdateinfo',
            format: 'YYYY-MM-DD',
            minDate: '1099-06-16 23:59:59', //设定最小日期为当前日期
            festival: true,
            maxDate: '2099-06-16 23:59:59', //最大日期
            isTime: true,
            choosefun: function (datas) {
                end.minDate = datas; //开始日选好后，重置结束日的最小日期
            }
        };
        var end = {
            dateCell: '#todateinfo',
            format: 'YYYY-MM-DD',
            minDate: '1099-06-16 23:59:59', //设定最小日期为当前日期
            festival: true,
            maxDate: '2099-06-16 23:59:59', //最大日期
            isTime: true,
            choosefun: function (datas) {
                start.maxDate = datas; //将结束日的初始值设定为开始日的最大日期
            }
        };
        jeDate(start);
        jeDate(end);
    </script>
</body>
</html>